<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>PRPPG 1.0</title>
<link rel="stylesheet" type="text/css" href="PRPPG 1.0.css">
<script type="text/javascript" src="PRPPG 1.0.js"></script>
</head>

<body>
	<div id="header-wrap" class="wrap">
    	<div id="header" class="content">
        	<div id="barra-brasil">
		<a href="http://google.com" style="position: relative; left:60%"><img src="images/Acesso.png"/></a>
		<a href="http://ufrpe.br" style="position: relative; left:60%"><img src="images/BRASIL.png" /></a>
    		</div>  
            <div id="Head">
    			<div id="divBrasao">
                	<a href="http://ufrpe.br"><img src="images/brasao.png" width="60" height="95" style="border-right:#999 2px solid; padding-right:20px;"></a>
        			<a href="Inicio PRPPG.html"><img src="images/Logo.png" style="margin: 25px;" /></a>
        		</div>
        
        		<a href="Content/Programa.html" target="conteudo" onClick="crumbs('Programa')"><div id="divTitulo"><span id="Titulo"><p class="Titulo"> Programa de Pós Graduação em <p> Técnologia e Gestão em Educação a Distância</p></p></span>
        		</div></a>
        
        		<div id="divBusca" style="padding:20px; text-align:center">
        			<form>
        				<input class="text" type="search" name="Busca" value="Buscar" onfocus='if (this.value == "Buscar") {this.value = ""}' onblur='if (this.value == "") {this.value = "Buscar...";}'height="20px">
        				<input type="image" src="images/lupa.png"/>
        			</form>
        			<p><a> Aumentar Fonte</a></p>
                    <p> <span style="font-size:12px;"><a>Diminuir Fonte</a></span></p>
       			</div>      
    		</div>
            <div id="menu">
            	<ul class="top-level-menu">
                    <li><a href="Content/Programa.html" target="conteudo" onClick="crumbs('Programa')">Programa</a></li>
                    <li><a href="#">Equipe</a>
                        <ul class="second-level-menu">
                            <li class="liEquipe"><a href="Content/Coordenadores.html" target="conteudo" onClick="crumbs('Coordenação')">Coordenção</a></li>
                            <li class="liEquipe"><a href="Content/Professores.html" target="conteudo" onClick="crumbs('Professores')">Professores</a></li>
                            <li class="liEquipe"><a href="Content/Alunos.html" target="conteudo" onClick="crumbs('Alunos')">Alunos</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Áreas de Concentração &amp; Linhas de Pesquisa</a>
                        <ul class="second-level-menu">
                            <li class="liAeL"><a href="Content/Areas.html" target="conteudo" onClick="crumbs('Áreas de Concentração')">Áreas de Concentração</a></li>
                            <li class="liAeL"><a href="Content/Linhas.html" target="conteudo" onClick="crumbs('Linhas de Pesquisa')">Linhas de Pesquisa</a></li>
                            <li class="liAeL"><a href="Content/Disciplinas.html" target="conteudo" onClick="crumbs('Disciplinas')">Disciplinas</a></li>
                            <li class="liAeL"><a href="Content/Projetos.html" target="conteudo" onClick="crumbs('Projetos de Pesquisa')">Projetos de Pesquisa</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Documentos &amp; Publicações</a>
                        <ul class="second-level-menu">
                            <li class="liDeP"><a href="Content/Trabalhos.html" target="conteudo" onClick="crumbs('Trabalhos de Conclusão')">Trabalhos de Conclusão</a></li>
                            <li class="liDeP"><a href="Content/Producao.html" target="conteudo" onClick="crumbs('Produção Intelectual')">Produção Intelectual</a></li>
                            <li class="liDeP"><a href="Content/Documentos.html" target="conteudo" onClick="crumbs('Documentos')">Documentos</a></li>
                        </ul>
                    </li>
                    <li><a href="Content/Galeria.html" target="conteudo"onClick="crumbs('Galeria')">Galeria</a></li>
                    <li id="contato"><a href="Content/Contato.html" target="conteudo" onClick="crumbs('Contato')">Contato </a></li>
                </ul>
            </div>
            <div id="breadcrumbs">
            	<p id="crumbs"><a href="http://www.prppg.ufrpe.br/">PRPPG</a> > Programa</p>
            </div>
                      
        </div>
    </div>
    
    <div id="slideShow-wrap" class="wrap">
    	<div id="slideShow" class="content">
        	<div id="mask">
            <ul>
           	<li id="Slide1" class="animacao1">
            <a href="#">
            <img src="images/slide1.png" alt="Slide 1"/>
            </a>
            <div class="tooltip">
            <h1>Slide 1</h1>
            </div>
            </li>

            <li id="Slide2" class="animacao2">
            <a href="#">
            <img src="images/slide2.png" alt="Slide 2"/>
            </a>
            <div class="tooltip">
            <h1>Slide 2</h1>
            </div>
            </li>
            
            <li id="Slide3" class="animacao3">
            <a href="#">
            <img src="images/slide3.png" alt="Slide 3"/>
            </a>
            <div class="tooltip">
            <h1>Slide 3</h1>
            </div>
            </li>
                        
            <li id="Slide4" class="animacao4">
            <a href="#">
            <img src="images/slide4.png" alt="Slide 4"/>
            </a>
            <div class="tooltip">
            <h1>Slide 4</h1>
            </div>
            </li>
                        
            <li id="Slide5" class="animacao5">
            <a href="#">
            <img src="images/slide5.png" alt="Slide 5"/>
            </a>
            <div class="tooltip">
            <h1>Slide 5</h1>
            </div>
            </li>
            </ul>
            </div>
            <div class="progress-bar"></div>
        </div>
    </div>
    
    <div id="content-wrap" class="wrap">
    	<div id="content" class="content">
        	<iframe id="conteudo" src="Content/Programa.html" name="conteudo" width="960" frameborder="0" style="min-height:500px;">
            </iframe>
        </div>
    </div>
    
    <div id="footer-wrap" class="wrap">
    	<div id="footer" class="content">
        	<div id="Outros">
            	<h2>Outros Sites</h2>
                <a href="http://www.periodicos.capes.gov.br"><img src="images/periodicos.png" alt="Periodicos Capes"/></a>
                <a href="http://www.cnpq.br/"><img src="images/CNPq.png" alt="CNPq"/></a>
                <a href="http://www.facepe.br"><img src="images/FACEPE.png" alt="FACEPE"></a> 
                <a href="http://www.finep.gov.br"><img src="images/FINEP.png" alt="FINEP"/></a>
                <a href="http://www.sudene.gov.br/"><img src="images/Sudene.png" alt="Sudene"/></a>
                <a href="http://www.capes.gov.br/"><img src="images/Capes.png" alt="CAPES"/></a>	
                <span style="padding-left:130px;"><a href="http://www.bnb.gov.br/Content/Aplicacao/Grupo_Principal/Home/Conteudo/PortalBN.asp"><img src="images/Banco.png" alt="Bando do Nordeste"/></a></span>
            </div>
            <div id="NTI">
            <p>© Copyright 2012</p>
			<p>Universidade Federal Rural de Pernambuco</p>
            <a href="http://www.nti.ufrpe.br/‎"><img src="images/NTI.png" alt="Núcleo de Tecnologia da Informação UFRPE"/></a>
            </div>
        </div>
    </div>

</body>
</html>
